<template>
    <div class="body">
        <Header />
        <div class="main-content">
            <Sidebar style="width: 15%;" />
            <router-view style="width: 85%;"></router-view> <!-- 这里会加载子路由组件 -->
        </div>
    </div>
</template>

<script>
import Sidebar from './component/Sidebar.vue'
import Header from './component/Header.vue'

export default {
    components: {
        Sidebar,
        Header
    }
}
</script>

<style scoped lang="scss">
.body {
    display: flex;
    flex-direction: column;

    .main-content {
        width: 100%;
        display: flex;
        transition: all .3s;
    }
}
</style>
